• Button Properties
• CheckBox Properties
• Column Spacer Properties
• Container Begin Properties
• Container End Properties
• Custom Control Properties
• Date Picker Properties
• DropDownBox Properties
• Frame Begin Properties
• Frame End Properties
• Hidden Properties
• Hyperlink Properties
• Image Properties
• Label Properties
• Link Properties
• Linked Grid Properties
• Merge Cells Begin
• Merge Cells End
• RadioButton Properties
• Row Spacer Properies
• Static Text
• Tab Control
• Tab Control End Properties
• Tab Pane Properties
• TextArea Properties
• TextBox Properties
• Time Picker Properties

 

[Tab Control]

Description

A tab control allows you to selectively hide and display different groups of fields. Refer to Setting Grid Tab Properties.

Properties

Use modern tab style

If you uncheck this box, then the Grid will use legacy tab styles. The older tab styles are included for backward compatibility. You are strongly encouraged to switch to the modern tab styles.

Tab properties

Specify the properties for the Tab Control. You can select a 'classic' tab style, banded style, or Genie style.

Tab ID

Specify a unique ID to identify the tab control. At run-time, the actual ID will automatically include the component alias and convert to uppercase. e.g. 'CUSTOMERGRID.TAB.1'.

Tab type

Specify the tab control style. The control can be formatted as a Tab or Accordion control.

Tab label position

Specify the location of the tab labels.

Accordion style

Specify if only one accordion band at a time can be open, or if the user can open multiple bands

Initial tab pane

Specify which tab pane should be initially selected. Use a numeric index. e.g. '3' for the third tab pane.

Initial opened panes

Specify which accordion panes (if any) are initially opened. Enter a comma delimited list. E.g. 1,3 - indicates that the first and third accordion pane are initially open. If the accordion style is set to 'Single', then enter a single value. Leave blank if no panes are initially opened.

Pane Width

Optional. Width of the tab panes. If left blank, tab panes will automatically resize based on tab contents.

Pane Height

Optional. Height of the tab pane. If left blank, tab panes will automatically resize based on tab contents.

Animation

Specify if the tab/accordion panes should be animated when they are selected. See "Animating the Tab Control" below.

Show animation style

Select the animation method to use when the pane is shown. 'Suggested' is 'Slide' for an Accordion and 'Fade' for a Tab control. Choices include Slide, Fade, Suggested, None.

Show animation speed

Specify the animation speed. You can select a pre-defined option (slow = 600 milliseconds, fast = 200 milliseconds), or you can enter an explicit value in milliseconds.

Hide animation style

Select the animation method to use when the pane is shown. 'Suggested' is 'Slide' for an Accordion and 'None' for a Tab control. Choices include Slide, Fade, Suggested, None.

Hide animation speed

Specify the animation speed. You can select a pre-defined option (slow = 600 milliseconds, fast = 200 milliseconds), or you can enter an explicit value in milliseconds.

Animating Tab and Accordion Objects in the Grid

You can control the animation method to hide and show panes. The animation methods are 'slide' and 'fade'. You can use one method to show the pane, and another method to hide the pane. For example, you might choose to 'slide' the pane into view, but 'fade' it out of view.

• Watch Video